
<form class="cil__base-block--form" [formGroup]="group" nz-form>
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="12">
      <nz-form-item>
        <nz-form-label>{{'BIZ.STORE.OTHER.SETTLEMENT.MODE' | i18n}}</nz-form-label>
        <nz-form-control>
          <nz-select
            formControlName="settleType"
            [nzAllowClear]="false"
            name="settleType"
            (ngModelChange)="onChange($event)"
          >
            <nz-option
              *ngFor="let op of settleTypeOptions"
              [nzLabel]="op.label"
              [nzValue]="op.value"
              nzCustomContent
            >
              <span>{{op.label}}</span>
            </nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>
    </div>

    <div nz-col [nzSpan]="12">
      <nz-form-item>
        <nz-form-label>{{'BIZ.STORE.OTHER.SETTLEMENT.PERIOD' | i18n}}</nz-form-label>
        <nz-form-control>
          <nz-input-number
            [nzDisabled]="disabled"
            [nzMin]="min"
            [nzMax]="max"
            [nzStep]="step"
            [nzPrecision]="precision"
            formControlName="settleCycleDays"
          ></nz-input-number>
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
</form>